.flex{display: flex;}
.d-flex{ display:flex;}
.dd-flex{ display:flex;align-items: center;justify-content: center;}
.d-inline-block{display: inline-block;};
.d-block{display: block !important;};
.d-none{ display: none;}
.flex-direction-column{flex-direction: column;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.justify-between {justify-content: space-between;}
.align-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.align-items-baseline{align-items: baseline;}
.justify-content-center{justify-content: center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-space-between{justify-content:space-between;}
.justify-content-space-around{justify-content: space-around;}
.flex-wrap{flex-wrap: wrap;}
.flex-grow{flex-grow: 1;}
.flex1{ flex:1;}
.flex-shrink{flex-shrink: 1;}
.position-fixed{ position: fixed;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.marigin-0{margin: 0 !important;}
.padding-0{padding: 0 !important;}
.text-center{text-align: center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/*文字颜色*/
.co_fff{ color:#fff !important;}
.co_000{ color:#000 !important;}
.co_333{ color:#333 !important;}
.co_666{ color:#666 !important;}
.co_999{ color:#999 !important;}
.co_ccc{ color:#ccc !important;}
.co_bbb{ color:#bbb !important;}
.co_888{ color:#888 !important;}

/* 背景颜色 */
.bg_fff{ background:#fff !important;}
.bg_000{ background:#000 !important;}
.bg_f8f8f8{ background:#f8f8f8 !important;}

// 定义字体(rpx)单位，12-40号字体
@for $i from 8 through 50 {
	.f-s#{$i} {
		font-size: $i*2 + rpx!important;
	}
}

.f-w100{font-weight: 100;}
.f-w400{font-weight: 400;}
.f-w700{font-weight: 700;}

.f-f-arial{ font-family: arial;}
.t-d-lt{text-decoration: line-through;}

/*行高 1-2倍*/
@for $i from 10 through 20 {
	.line-h#{$i}0 {
		line-height: $i / 10!important;
	}
}

/*文字溢出隐藏*/
.webkit-line-clamp-1{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.webkit-line-clamp-2{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.webkit-line-clamp-3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.webkit-line-clamp-5{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

/*强制文字换行(含英文)*/
.word-wrap-qzhh{word-wrap: break-word; word-break:break-all;}

/*内边距*/
.p-3{padding: 6rpx !important;}
@for $i from 0 through 10 {
	.p-#{$i*5} {
		padding: $i*10 + rpx!important;
	}
}
.p-t3{padding-top: 6rpx !important;}
@for $i from 0 through 10 {
	.p-t#{$i*5} {
		padding-top: $i*10 + rpx!important;
	}
}
.p-r3{padding-right: 6rpx !important;}
@for $i from 0 through 10 {
	.p-r#{$i*5} {
		padding-right: $i*10 + rpx!important;
	}
}
.p-b3{padding-bottom: 6rpx !important;}
@for $i from 0 through 10 {
	.p-b#{$i*5} {
		padding-bottom: $i*10 + rpx!important;
	}
}
.p-l3{padding-left: 6rpx !important;}
@for $i from 0 through 10 {
	.p-l#{$i*5} {
		padding-left: $i*10 + rpx!important;
	}
}

/*外边距*/
.m-t3{margin-top: 6rpx !important;}
@for $i from 0 through 10 {
	.m-t#{$i*5} {
		margin-top: $i*10 + rpx!important;
	}
}
.m-r3{margin-right: 6rpx !important;}
@for $i from 0 through 10 {
	.m-r#{$i*5} {
		margin-right: $i*10 + rpx!important;
	}
}
.m-b3{margin-bottom: 6rpx !important;}
@for $i from 0 through 10 {
	.m-b#{$i*5} {
		margin-bottom: $i*10 + rpx!important;
	}
}
.m-l3{margin-left: 6rpx !important;}
@for $i from 0 through 10 {
	.m-l#{$i*5} {
		margin-left: $i*10 + rpx!important;
	}
}


/*正 图片宽度*/
.img{ vertical-align: top;}
.img2{ vertical-align: top; background: url(@/static/images/loading.gif) center center no-repeat;background-size:40rpx 40rpx;}

.border-gray{ border-top:2rpx solid #f2f2f2; }
.border-gray-1{ border:2rpx solid #f2f2f2; }
.border-radius-0{ border-radius: 0 !important; }
.border-radius-3{ border-radius: 6rpx !important; }
.border-radius-5{ border-radius: 8rpx !important; }
.border-radius-6{ border-radius: 12rpx !important; }
.border-radius-8{ border-radius: 16rpx !important; }
.border-radius-12{ border-radius: 24rpx !important; }
.border-radius-100{ border-radius: 200rpx !important; }

.b-liuhai{padding-bottom: constant(safe-area-inset-bottom) !important;padding-bottom: env(safe-area-inset-bottom) !important;}

.tool-fixed{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 10;}

.rich-text{ font-size: 28rpx; line-height: 1.6; color:#000; background:#fff;}
.rich-text img{ max-width: 100% !important; height: auto; vertical-align: top;}
.rich-text em{ font-style: initial;}

.price-src{ color: #ccc; font-size: 24rpx;text-decoration: line-through;}

/* 按钮 */
.regiter-bottom{
	background:$init !important; border: none !important; color: #fff !important; font-size: 32rpx; height: 88rpx; line-height: 1; border-radius: 0; padding-top: 0; padding-bottom: 0; display: flex; align-items: center; justify-content: center; white-space: nowrap;
	&.mintr{
		background: #fff !important;color: $init !important;border:2rpx solid $init !important;box-sizing: border-box;
		&::after{border: none;}
	}
	&.mintr-gray{
		background: none !important;color: #999 !important;border:2rpx solid #f3f3f3 !important; box-sizing: border-box;
		&::after{border: none;}
	}
	&.mintr-gray2{
		background: none !important;color: #000 !important;border:2rpx solid #707070 !important; box-sizing: border-box;
		&::after{border: none;}
	}
	&.gray{ background: #f4f4f4 !important; color: #999 !important;}
	&.orange{ background: #FFB83C !important; color: #fff !important;}
	&[disabled]{ color: rgba(0,0,0,.35) !important; background: #ddd !important;}
	
	&.h60{height: 120rpx !important;}
	&.h50{height: 100rpx !important;;}
	&.h40{height: 80rpx !important;;}
	&.h36{height: 72rpx !important;;}
	&.h32{height: 64rpx !important;;}
	&.h30{height: 60rpx !important;;}
	&.h28{height: 56rpx !important;;}
	&.h26{height: 52rpx !important;;}
	&.h24{height: 48rpx !important;;}
}
button[disabled]{ color: rgba(0,0,0,.35) !important; background: #ddd !important;}